<html 
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">
    <ui:composition>
        <header id="main-header">
            <div id="logo" onclick="window.top.location = '#{request.contextPath}/index.xhtml';"></div>
            <nav>    
                <ul>
                    <li class="#{ selectedMenuIndex eq 'home' ? 'active' : ''}">
                        <a href='#{request.contextPath}/protected/index.xhtml'>
                            <h:outputText value="#{msgs['global.menu.home']}" />
                        </a>
                    </li>
                    <li class="#{ selectedMenuIndex eq 'items' ? 'active' : ''}">
                        <a href='#{request.contextPath}/protected/item/itemListPage.xhtml'>
                            <h:outputText value="#{msgs['global.menu.items']}" />
                        </a>
                    </li>
                    <li class="#{ selectedMenuIndex eq 'about' ? 'active' : ''}">
                        <a href='#{request.contextPath}/about.xhtml'>
                            <h:outputText value="#{msgs['global.menu.about']}" />
                        </a>
                    </li>
                </ul>
            </nav>
        </header>
    </ui:composition>
</html>